.header{
	background: url(../../assets/modalheaderbackground.png) no-repeat;
	height: fixpx(187);
	width: fixpx(567);
	background-size: 100% auto;
	margin-left: fixpx(30);
	margin-top:fixpx(-120);
}
.close {
	float: right;
	margin-top: fixpx(11);
	margin-right: fixpx(48);
	>i {
		color: #fff;
		font-size: fixpx(40);
	}
}
.title{
	color: #fff;
	font-size: fixpx(42);
	font-weight: 600;
	padding: fixpx(65) fixpx(180);
}
.wrap{
	animation: open 0.3s 1 linear;
	transform-origin:0% 0%;
}
@keyframes open {
	0% {
		opacity: 0.5;
		transform: scale(0) translate(-50%, -50%);
	}
	100% {
		opacity: 1;
		transform:scale(1) translate(-50%, -50%);
	}
}
.close{
	animation: close 0.3s 1 linear;
	transform-origin:0% 0%;
}
@keyframes close {
	0% {
		opacity: 1;
		transform: scale(1) translate(-50%, -50%);
	}
	100% {
		opacity: 0;
		transform:scale(0) translate(-50%, -50%);
	}
}
.body{
	padding: fixpx(60) 0;
}
.giftbox{
	position: relative;
	height: fixpx(200);
}
.goldLight {
	position: absolute;
	width: fixpx(289);
	left:fixpx(147);
	top:fixpx(-75);
}
.jdcard{
	position: absolute;
	width: fixpx(230);
	left:fixpx(176);
}
.prizeBox {
	font-size: fixpx(30);
	text-align: center;
}
.prizeText {
	color: #000000;
}
.prizeName {
	color:#ef3826;
	font-weight: 600;
}
.buttonBox {
	text-align: center;
	padding-top: fixpx(20);
}
.button {
	width: fixpx(389);
	height:fixpx(89);
	background: url(../../assets/viewbutton.png) no-repeat;
	color: #fff;
	font-size: fixpx(24);
	font-weight: 600;
	background-position-y: fixpx(10);
	background-size: 100% auto;
}
.redbag{
	width: fixpx(173);
	left:fixpx(205);
	position: absolute;
}
.fare{
	width: fixpx(168);
	left:fixpx(208);
	position: absolute;
}
.vitaminb{
	width: fixpx(86);
	left:fixpx(249);
	position: absolute;
	top:fixpx(-20);
}
.collagen{
	width: fixpx(86);
	left:fixpx(249);
	position: absolute;
	top:fixpx(-20);
}
.bicycle{
	width: fixpx(205);
	left:fixpx(189);
	position: absolute;
	top:fixpx(-20);
}
.cosmetic{
	width: fixpx(176);
	left:fixpx(205);
	position: absolute;
	top:fixpx(-40);
}
.protein{
	width: fixpx(134);
	left:fixpx(226);
	position: absolute;
	top:fixpx(-40);
}
.robot{
	width: fixpx(189);
	left:fixpx(199);
	position: absolute;
	top:fixpx(-40);
}
